$(document).ready(function() {
  // 获取当前选中的导航栏选项
  var activeTab = $('#nav ul li.active');

  // 计算选项相对于导航栏的偏移量
  var offsetLeft = activeTab.offset().left - $('#nav').offset().left;

  // 计算导航栏的宽度
  var tabWidth = $('#nav').width();

  // 计算选项居中时的左侧偏移量
  var centerLeft = tabWidth / 2 - activeTab.outerWidth() / 2;

  // 计算需要滚动的距离
  var scrollLeft = offsetLeft - centerLeft;
  // 滚动导航栏
  $('#nav ul').animate({
      scrollLeft: scrollLeft
  }, 500);
});